<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>新浪女星-新浪网</title>
</head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style type="text/css">
	body,p,h1,h2,h3,h4,h5,h6,form,ol,ul,input,dl,dd,select,textarea,td,th{margin:0;padding:0;}
	body{font:14px "Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1","SimSun","\u5B8B\u4F53","Arial";color:#333;}
	ul,ol{list-style:none;}
	a{text-decoration:none; outline: none;}
	a:link{color:#333; outline: none;}
	a:visited{color:#666;}
	a:hover,a:active,a:focus{color:#ff718f;}

	.na15-top-bar-wrap {
		min-width: 1000px;
		height: 45px;
		border-top:1px solid #c7c7c7;
		border-bottom: 1px solid #c7c7c7;
		background-color: #fbfbfb;
	}

	.sina15-nav {
		width: 1000px;
		margin: 0 auto;
		height: 45px;
	}

	.sina15-nav-list {
		height: 45px;
		position: relative;
		z-index: 2;
		float: left;
	}

	.sina15-nav-list li{
		float: left;
	}

	.sina15-nav a {
		display: block;
		line-height: 45px;
		padding: 0 16px;
		color: #000;
		font-size: 14px;
		height: 45px;
	}

	.sina15-nav a:hover{
		
		
		color: #e96a0d;
	}

	.sina15-nav-others {
		position: absolute;
		top: 46px;
		left: 378px;
		border: 1px solid #c7c7c7;
		box-shadow: 0 0 1px #c7c7c7;
		overflow: hidden;
		display: none;
	}

	.sina15-nav-others li{
		padding: 0 4px;
		border-bottom: 1px dashed #c7c7c7;
		text-align: left;
	}

	.sina15-nav-others a{
		display: inline-block;
	}

	.sina15-nav .cur{ 
		height:46px;
		_height:45px; 
		border-color:#c7c7c7; 
		color:#e96a0d; 
		background:#fff;
		box-shadow: 0 -1px 1px #c7c7c7;
		text-decoration:none;
	}

</style>
<body>
	<div class="na15-top-bar-wrap" id="2">
		<div class="sina15-nav" >
			<ul class="sina15-nav-list">
				<li><a href="">新浪首页</a></li>
				<li><a href="">新闻</a></li>
				<li><a href="">体育</a></li>
				<li><a href="">财经</a></li>
				<li><a href="">娱乐</a></li>
				<li><a href="">科技</a></li>
				<li><a href="">博客</a></li>
				<li><a href="">图片</a></li>
				<li><a href="">专栏</a></li>
				<li id="topnav-more">
					<a href="" class="cur">更多<i></i></a>
				 </li>
			</ul>
			<ul id="more-nav" class="sina15-nav-others">
				<li>
					<a href="">汽车</a>
					<a href="">教育</a>
					<a href="">时尚</a>
					<a href="">女星</a>
					<a href="">星座</a>
					<a href="">健康</a>
				</li>
				<li>
					<a href="">房产</a>
					<a href="">历史</a>
					<a href="">视频</a>
					<a href="">收藏</a>
					<a href="">育儿</a>
					<a href="">读书</a>
				</li>
				<li>
					<a href="">佛学</a>
					<a href="">游戏</a>
					<a href="">旅游</a>
					<a href="">邮箱</a>
					<a href="">导航</a>
				</li>
			</ul>
		</div>
	</div>

</body>
<script type="text/javascript">
	$("#topnav-more").mouseenter(function(){
		$("#more-nav").toggle();
	});

</script>
</html>